<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>LJ的主页</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="keywords" />
    <meta content="" name="description" />

    <!-- Favicons -->
    <link href="img/favicon.png" rel="icon" />
    <link href="img/apple-touch-icon.png" rel="apple-touch-icon" />

    <!-- Bootstrap CSS File -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

    <!-- Libraries CSS Files -->
    <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="lib/animate/animate.min.css" rel="stylesheet" />
    <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet" />
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />

    <!-- Main Stylesheet File -->
    <link href="css/style.css" rel="stylesheet" />

    <!-- =======================================================
    Theme Name: DevFolio
    Theme URL: https://bootstrapmade.com/devfolio-bootstrap-portfolio-html-template/
    Author: BootstrapMade.com
    License: https://bootstrapmade.com/license/
  ======================================================= -->
  </head>

  <body id="page-top">
    <!--/ Nav Star /-->
    <nav
      class="navbar navbar-b navbar-trans navbar-expand-md fixed-top"
      id="mainNav"
    >
      <div class="container">
        <a class="navbar-brand js-scroll" href="#page-top">Attcker.club</a>
        <button
          class="navbar-toggler collapsed"
          type="button"
          data-toggle="collapse"
          data-target="#navbarDefault"
          aria-controls="navbarDefault"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span></span>
          <span></span>
          <span></span>
        </button>
        <div
          class="navbar-collapse collapse justify-content-end"
          id="navbarDefault"
        >
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link js-scroll active" href="#home">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll" href="#about">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll" href="#service">Services</a>
            </li>

            <li class="nav-item">
              <a class="nav-link js-scroll" href="#contact">Contact</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <!--/ Nav End /-->

    <!--/ Intro Skew Star /-->
    <div
      id="home"
      class="intro route bg-image"
      style="background-image: url(img/intro-bg.jpg);"
    >
      <div class="overlay-itro"></div>
      <div class="intro-content display-table">
        <div class="table-cell">
          <div class="container">
            <!--<p class="display-6 color-d">Hello, world!</p>-->
            <h1 class="intro-title mb-4">嗨！ 我是 LJ</h1>
            <br /><br />

            <br /><br />
            <p class="intro-subtitle">
              <span class="text-slider-items"
                >多年的运维从业者,高级网络工程师,python全栈工程师,软件开发者,安全爱好者</span
              ><strong class="text-slider"></strong>
            </p>
            <!-- <p class="pt-3"><a class="btn btn-primary btn js-scroll px-4" href="#about" role="button">Learn More</a></p> -->
          </div>
        </div>
      </div>
    </div>
    <!--/ Intro Skew End /-->

    <section class="about-mf sect-pt4 route">
      <div class="container" id="about">
        <div class="row">
          <div class="col-sm-12">
            <div class="box-shadow-full">
              <div class="row">
                <div class="col-md-6">
                  <div class="row">
                    <div class="col-sm-6 col-md-5">
                      <div class="about-img">
                        <img
                          src="img/head.jpeg"
                          class="img-fluid rounded b-shadow-a"
                          alt=""
                        />
                      </div>
                    </div>
                    <div class="col-sm-6 col-md-7">
                      <div class="about-info">
                        <br />
                        <p>
                          <span class="title-s">Name: </span>
                          <span> LJ (以谁为师)</span>
                        </p>
                        <br />
                        <p>
                          <span class="title-s">Profile: </span>
                          <span>full stack developer</span>
                        </p>
                      </div>
                    </div>
                  </div>

                  <div class="skill-mf">
                    <p class="title-s">Skill</p>
                    <span>HTML</span> <span class="pull-right">75%</span>
                    <div class="progress">
                      <div
                        class="progress-bar"
                        role="progressbar"
                        style="width: 75%;"
                        aria-valuenow="75"
                        aria-valuemin="0"
                        aria-valuemax="100"
                      ></div>
                    </div>

                    <span>Vuejs</span> <span class="pull-right">60%</span>
                    <div class="progress">
                      <div
                        class="progress-bar"
                        role="progressbar"
                        style="width: 60%;"
                        aria-valuenow="60"
                        aria-valuemin="0"
                        aria-valuemax="100"
                      ></div>
                    </div>

                    <span>Django</span> <span class="pull-right">70%</span>
                    <div class="progress">
                      <div
                        class="progress-bar"
                        role="progressbar"
                        style="width: 70%;"
                        aria-valuenow="70"
                        aria-valuemin="0"
                        aria-valuemax="100"
                      ></div>
                    </div>

                    <span>Python</span> <span class="pull-right">85%</span>
                    <div class="progress">
                      <div
                        class="progress-bar"
                        role="progressbar"
                        style="width: 85%;"
                        aria-valuenow="85"
                        aria-valuemin="0"
                        aria-valuemax="100"
                      ></div>
                    </div>
                    <!--
            
                     <span>QT5</span> <span class="pull-right">70%</span>
                  <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0"
                      aria-valuemax="100"></div>
                  </div>
-->
                    <br /><br />
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="about-me pt-4 pt-md-0">
                    <div class="title-box-2">
                      <h5 class="title-left">
                        About me
                      </h5>
                    </div>
                    <p class="lead">
                      &nbsp;&nbsp;&nbsp;&nbsp;目前在互联网行业从事运维相关工作。部署维护过2000+主机规模，专注自动化、web平台开发、运维小工具开发。
                    </p>
                    <p class="lead">
                      &nbsp;&nbsp;&nbsp;&nbsp;业余时间对安全攻防十分关注，曾经是80sec红盟论坛Linux版主；实践安全技术并不意味着破坏，了解它的原理才能做到最好的防护，这点所有网站和系统管理员应该都明白，当我们开放输入的时候必须通过规则过滤匹配，识别正常请求、限制非法访问。简单说只要waf应用防火墙、网络设备防火墙、系统防火墙三道门槛利用好就可以大大降低安全风险。
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--/ Section Services Star /-->
    <section id="service" class="services-mf route">
      <div class="container">
        <div class="row">
          <div class="col-sm-12">
            <div class="title-box text-center">
              <h3 class="title-a">
                Services
              </h3>
              <!--
                        <p class="subtitle-a">
                            我的项目
                        </p>
-->
              <!--                        <div class="line-mf"></div>-->
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4">
            <div class="service-box">
              <div class="service-ico">
                <span class="ico-circle"><i class="ion-monitor"></i></span>
              </div>
              <div class="service-content">
                <h2 class="s-title">Web 开发</h2>
                <p class="s-description text-center">
                  <a href="https://gitee.com/attacker"
                    >基于Django框架下的web项目</a
                  >
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="service-box">
              <div class="service-ico">
                <span class="ico-circle"><i class="ion-cube"></i></span>
              </div>
              <div class="service-content">
                <h2 class="s-title">软件开发</h2>
                <p class="s-description text-center">
                  <a
                    href="https://pan.baidu.com/s/1XjIcPSsd5r-_S7884c5rzQ"
                    target="_blank"
                    rel="noopener noreferrer"
                  >
                    个人工具集合</a
                  >
                  提取码:3s6s
                </p>
              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="service-box">
              <div class="service-ico">
                <span class="ico-circle"><i class="ion-hammer"></i></span>
              </div>
              <div class="service-content">
                <h2 class="s-title">安全工具</h2>
                <p class="s-description text-center">
                  <a
                    href="http://sec.attacker.club"
                    target="_blank"
                    rel="noopener noreferrer"
                    >Security tool development</a
                  >
                </p>
              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="service-box">
              <div class="service-ico">
                <span class="ico-circle"><i class="ion-gear-b"></i></span>
              </div>
              <div class="service-content">
                <h2 class="s-title">基础运维能力</h2>
                <p class="s-description text-center">
                  监控平台、自动化、集成发布、运维管理 ...
                </p>
              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="service-box">
              <div class="service-ico">
                <span class="ico-circle"><i class="ion-pie-graph"></i></span>
              </div>
              <div class="service-content">
                <h2 class="s-title">数据存储与使用</h2>
                <p class="s-description text-center">
                  爬虫/消息/缓存/数据库/日志/大数据
                </p>
              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="service-box">
              <div class="service-ico">
                <span class="ico-circle"><i class="ion-wand"></i></span>
              </div>
              <div class="service-content">
                <h2 class="s-title">自动化测试</h2>
                <p class="s-description text-center">
                  游戏辅助/抢购
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--/ Section Services End /-->

    <!--/ Section Blog End /-->

    <!--/ Section Contact-Footer Star /-->
    <section
      class="paralax-mf footer-paralax bg-image sect-mt4 route"
      style="background-image: url(img/overlay-bg.jpg);"
    >
      <div class="overlay-mf"></div>
      <div class="container">
        <br />
        <br />
        <div class="row">
          <div class="col-sm-12">
            <div class="contact-mf">
              <div id="contact" class="box-shadow-full">
                <div class="row">
                  <div class="col-md-6">
                    <div class="title-box-2 pt-4 pt-md-0">
                      <h5 class="title-left">
                        Get in Touch
                      </h5>
                    </div>
                    <div class="more-info">
                      <p class="lead"></p>
                      <ul class="list-ico">
                        <li>
                          <span class="ion-ios-location"></span> 浙江.杭州
                        </li>
                        <li>
                          <span class="ion-chatbox-working"></span> QQ
                          2281121225
                        </li>
                        <li>
                          <span class="ion-email"></span> admin@attacker.club
                        </li>
                        <li>
                          <span class="icon ion-earth"></span>
                          <a href="http://opsbase.cn">opsbase.cn . 技术博客</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <br />
      <br />
      <br />
      <br />

      <footer>
        <div class="container">
          <div class="row">
            <div class="col-sm-12">
              <div class="copyright-box">
                <p class="copyright">
                  Copyright &copy; 2020 <strong>Attacker.club</strong>. All
                  Rights Reserved
                </p>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </section>
    <!--/ Section Contact-footer End /-->

    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
    <div id="preloader"></div>

    <!-- JavaScript Libraries -->
    <script src="lib/jquery/jquery.min.js"></script>
    <script src="lib/jquery/jquery-migrate.min.js"></script>
    <script src="lib/popper/popper.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/counterup/jquery.waypoints.min.js"></script>
    <script src="lib/counterup/jquery.counterup.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/lightbox/js/lightbox.min.js"></script>
    <script src="lib/typed/typed.min.js"></script>
    <!-- Contact Form JavaScript File -->
    <!--  <script src="contactform/contactform.js"></script>-->

    <!-- Template Main Javascript File -->
    <script src="js/main.js"></script>
  </body>
</html>
